@import '~/styles/utils/custom-media';

.list {
  margin: 8px 0;
  display: grid;
  grid-gap: 10px;
}

.detail {
  grid-template-columns: auto auto;

  @media (--breakpoint-not-small) {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

.summary {
  grid-template-columns: repeat(auto-fill, 12px);
  padding-left: 10px;
}
